<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="blogfragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客管理</title>
    <link rel="stylesheet" href="../static/css/semantic.min.css">
    <link rel="stylesheet" href="../static/css/manster.css">
</head>
<body>

<!--导航-->
<nav th:replace="blogfragments :: menu(0)" class="ui inverted attached segment m-padded-tb-mini"></nav>


<!--中间内容-->
<div class="m-container-small m-padded-tb-big" id="center">
    <div class="ui container">
        <div class="ui success large  message">
            <h3>Hi,</h3>
            <p><span th:text="${session.user.nickname}"></span>，欢迎登录！</p>
        </div>

        <img src="https://picsum.photos/id/0/1000/500" alt="" class="ui rounded bordered fluid image">
    </div>
</div>

<br>
<br>

<!-- 底部 -->
<footer th:replace="blogfragments :: footer" class="ui inverted vertical segment m-padded-tb-large"></footer>

<!--/*/<th:block th:replace="blogfragments :: script">/*/-->
<script src="../static/js/jquery-3.3.1.js"></script>
<script src="../static/js/semantic.min.js"></script>
<!--/*/</th:block>/*/-->
<script>
    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide');
    });

    $('.ui.dropdown').dropdown({
        on: 'hover'
    });

</script>
</body>
</html>